@charset "UTF-8";

.hdpics-box{ overflow:hidden;}

.hdpics .slick-dots { position: absolute; bottom: 40px; z-index:3; text-align:center; width:100%;}

.hdpics .slick-dots li { position: relative; display: inline-block; margin: 0px 12px; padding: 0px; width:16px; height:16px; background-color:#906d4f; border-radius:16px; cursor: pointer;-webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}

.hdpics .slick-dots li button { display:none;}

.hdpics .slick-dots li.slick-active{ background-color:#018f3b; width:35px;}



.g-intro{ background-color:#906d4f; color:#fff; padding:175px 0 72px;}

.g-intro h3{ font-size:30px; position:relative; margin-bottom:15px;}

.g-intro h3 i{ margin-right:56px;}

.g-intro h3:before{ display:inline-block; content:''; width:80px; height:78px; background:url(../images/ico-logo.png) no-repeat; background-size:cover; position:absolute; bottom:100%; left:50%; margin-left:-40px; margin-bottom:25px;}

.g-intro p.en{ font-size:16px; margin-bottom:70px;}

.g-intro p.ch{ font-size:18px; position:relative;}

.g-intro p.ch span{ margin:0 12px;}

.g-intro p.ch:before{ display:inline-block; content:''; width:45px; height:3px; background-color:#fff; position:absolute; bottom:100%; left:50%; margin-left:-23px; margin-bottom:20px;}



.i-pics .item{ float:left; overflow:hidden;}

.i-pics .item img{ vertical-align:middle; max-width:100%; max-height:100%;}

.col-1,.col-2,.col-3{ /*height:518px;*/ }

.col-4,.col-5,.col-6{ /*height:347px;*/ }

.col-1{ width:21.875%;}

.col-2{ width:49.48%;}

.col-3{ width:28.645%;}

.col-4{ width:35.68%;}

.col-5{ width:47.56%;}

.col-6{ width:16.76%;}



.i-hy-box{ overflow:hidden;}

.i-hy{ margin:100px 67.5px 120px;}

.i-hy .item .con{ background-color:#906d4f; color:#fff; border-top-left-radius:10px; border-bottom-left-radius:10px; width:51.87%; float:left; margin-top:80px; padding:60px 85px;}

.i-hy .item .con span{ font-size:16px; display:block; margin-bottom:15px;}

.i-hy .item .con h3{ font-size:36px; margin-top:10px; height:36px; line-height:36px; overflow:hidden;}

.i-hy .item .con p{ font-size:18px; line-height:36px; margin-top:35px; height:102px; overflow:hidden;}

.i-hy .item .con a{ font-size:30px; color:#fff; display:inline-block; margin-top:100px;}

.i-hy .item .con a:after{ display:inline-block; content:''; width:33px; height:23px; background:url(../images/ico-jt.png) no-repeat; margin-left:35px; vertical-align:middle; background-size:cover;}

.i-hy .item .pic{ width:48.13%; height:624px; float:right; border-radius:10px; overflow:hidden;}

.i-hy .item .pic img{ width:100%; height:100%;}



.i-hy .slick-dots { position: absolute; bottom: -50px; z-index:3; text-align:center; width:100%;}

.i-hy .slick-dots li { position: relative; display: inline-block; margin: 0px 18px; padding: 0px; width:27px; height:27px; background:url(../images/ico-btn.png) no-repeat; background-size:cover;}

.i-hy .slick-dots li button { display:none;}

.i-hy .slick-dots li.slick-active{  background:url(../images/ico-btn-cur.png) no-repeat; background-size:cover;}



.i-list{ margin:0 -20px; overflow:hidden;}

.i-list li{ width:33.333%; float:left; text-align:center; padding:0 20px; margin-bottom:40px;}

.i-list li .img{ height:354px; overflow:hidden; border-radius:8px;}

.i-list li img{ width:100%; height:100%; -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}

.i-list li:hover img{webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.i-list li .txt{ padding:25px 0;}

.i-list li h3 a{ font-size:24px; color:#906d4f;}

.i-list li p{ font-size:14px; color:#666; line-height:30px; height:60px; overflow:hidden; margin-top:15px; padding:0 15px;}



.i-join{ position:relative;}

.i-join .con{ position:absolute; left:50%; top:23%; width:500px; height:500px; margin-left:-250px; background:url(../images/i-join1.png) no-repeat center center; border:16px solid #c3956e; border-radius:100%; text-align:center; padding-top:85px; color:#906d4f; background-size:cover;}

.i-join .con h3,.i-cintro h3{ font-size:36px;}

.i-join .con p,.i-cintro p{ font-size:18px; margin:20px 0 30px;}

.i-join .con a{ display:inline-block; color:#fff; background-color:#c3956e; font-size:14px; padding-left:25px; padding-right:25px; height:28px; line-height:28px; border-radius:14px; letter-spacing:1px;}

.i-join img{ width:100%; height:auto;}



.i-cintro{ text-align:center; color:#906d4f; margin:106px 0 65px;}



.banner{ text-align:center; position:relative;}

.banner img{ width:100%; height:auto;}

.banner .txt{ position:absolute; top:40%; width:100%; color:#fff;}

.banner .txt h3{ font-size:48px; letter-spacing:3px;}

.banner .txt p{ font-size:24px; margin-top:15px;}



/*

.sonclass a{ display:inline-block; float:none; width:auto; height:auto; font-size:16px; color:#906d4f; border:1px solid #906d4f; border-radius:4px; margin:0 14px; padding:10px 35px;}

.sonclass a.cur{ color:#fff; background-color:#906d4f;}

*/



.sonclass .swiper-wrapper{ text-align:center; display:block;}

.sonclass .swiper-slide{ display:inline-block; width:auto; height:auto; float:none;}

.sonclass .swiper-slide a{ display:block; font-size:16px; color:#906d4f;  border:1px solid #906d4f; border-radius:4px; margin:0 14px; padding:0 35px; height:43px; line-height:43px;}

.sonclass .swiper-slide a.cur{ color:#fff; background-color:#906d4f;}





.s-page{ font-size:18px; line-height:30px; color:#555; padding-bottom:80px;}

.s-page img{ max-width:100%;}



.newslist{ margin:0 -20px; overflow:hidden;}

.newslist li{ width:33.333%; float:left; padding:0 20px; margin-bottom:40px;}

.newslist li .img{ height:65%; overflow:hidden; border-top-left-radius:8px; border-top-right-radius:8px;}

.newslist li img{ width:100%; height:100%; -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}

.newslist li:hover img{webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.newslist li .txt{ padding:25px 25px 15px; border:1px solid #d9d9d9; border-top:0; border-bottom-left-radius:8px; border-bottom-right-radius:8px;}

.newslist li h3{ font-size:18px; line-height:30px; height:30px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}

.newslist li p{ font-size:14px; color:#666; line-height:30px; height:90px; overflow:hidden; margin:12px 0;}

.newslist li .time{ color:#999; font-size:16px; text-align:right;}

@media screen and (min-width:1024px){

	.newslist li:hover .txt{ background-color:#906d4f; border-color:#906d4f;}

	.newslist li:hover .txt h3,.newslist li:hover .txt p,.newslist li:hover .txt .time{ color:#fff;}

}



.loadmore{ text-align:center;}

.loadmore a{ display:inline-block; font-size:16px; color:#906d4f; border:1px solid #906d4f; border-radius:4px; padding:10px 50px; margin:30px auto 60px;}



.here{ height:50px; line-height:50px; border-bottom:1px solid #ececec; font-size:12px; color:#666;}

.here:before{ display:inline-block; content:''; width:10px; height:15px; background:url(../images/ico-here.png) no-repeat; margin-right:8px;}

.here a{ color:#666;}



.news-tit{ border-bottom:1px solid #ececec;}

.news-tit h3{ font-size:40px; color:#906d4f; margin-bottom:15px;}

.news-tit span{ font-size:14px; color:#888; display:inline-block; margin:15px;}



.detail{ font-size:18px; color:#404040; line-height:40px; padding:35px 0 80px;}

.detail img{ max-width:100%;}



.relation{ border-top:1px solid #ececec; padding:20px 0; overflow:hidden; margin-bottom:30px;}

.relation li{ font-size:18px; float:left; width:50%;}

.relation li a:hover{ color:#906d4f;}



.speech .intro{ float:left; width:48.2%; margin-left:45px;}

.speech .intro span{ display:inline-block; padding:0 80px 0 32px; height:55px; line-height:55px; background-color:#906d4f; color:#fff; font-size:24px; border-top-right-radius:55px; border-bottom-right-radius:55px; letter-spacing:5px;}

.speech .intro .job{ font-weight:bold;}

.speech .intro .job,.speech .intro p{ font-size:18px; line-height:36px; color:#906d4f;}

.speech .pic{ float:right; margin-right:75px;}



.sitemap{ margin:0 -25px; overflow:hidden; font-size:0;}

.sitemap dl{ display:inline-block; width:25%; padding:0 25px; vertical-align:top; margin-bottom:40px;}

.sitemap dl{ *display:inline-block;}

.sitemap dt,.sitemap dd{height:40px; line-height:40px; margin-bottom:8px; border:1px solid #906d4f; border-radius:4px; text-align:center; font-size:16px;}

.sitemap dt a{ display:block; background-color:#906d4f; color:#fff;}

.sitemap dd a{ display:block; color:#906d4f;}



.hdpics div img.pho,.i-join img.pho,.i-pics-pho,.banner img.pho,.speech .pic-pho{ display:none;}



@media only screen and (max-width:1440px){

	.i-join .con{ width:400px; height:400px; margin-left:-200px;}

	.i-hy{ margin:80px 0 120px;}

	.i-hy .item .con{ padding:60px;}

	

	.i-hy .item .pic{ height:560px;}

	.i-hy .item .con h3{ font-size:28px; height:28px; line-height:28px;}

	.i-hy .item .con p{ font-size:16px;}

	.i-hy .item .con a{ font-size:28px;}
	
	.i-list li .img{ height:330px;}

}

@media only screen and (max-width:1400px){
	.i-list li .img{ height:320px;}
}
@media only screen and (max-width:1366px){
	.i-list li .img{ height:312px;}
}
@media only screen and (max-width:1280px){
	.i-list li .img{ height:291px;}
}
@media only screen and (max-width:1152px){
	.i-list li .img{ height:260px;}
}


@media only screen and (max-width:1024px){
	.i-list li .img{ height:230px;}

	.i-hy .item .pic{ height:360px;}

	.i-hy .item .con{ padding:40px; margin-top:35px;}

	.i-hy .item .con p{ font-size:14px; line-height:24px; height:72px;}

	.i-hy .item .con a{ font-size:20px; margin-top:20px;}

	.i-join .con{ height:300px; width:300px; margin-left:-150px; padding-top:50px;}

	.i-join .con h3{ font-size:24px;}

	.i-join .con p{ font-size:16px; margin:10px 0 20px;}

	.i-cintro{ margin:60px 0;}

}



@media only screen and (max-width: 800px){

	.hdpics div img.pc,.i-list li p,.i-hy .item .con span,.i-hy .item .con p,.i-join img.pc,.i-pics,.banner img.pc,.speech .pic{ display:none;}

	.hdpics div img.pho,.i-join img.pho,.i-pics-pho,.banner img.pho,.speech .pic-pho{ display:block;}

	

	.hdpics div img.pho{ height:5.58rem;}

	.g-intro{ padding:1.72rem 0 .72rem;}

	

	.i-list-pho li{ width:50%; padding:0 10px; margin-bottom:10px;}

	.i-list{ margin:0 -0.728%;}

	.i-list li{ padding:0 0.728%;}
	
	.i-list li .img{ height:2.3rem;}

	.i-list li .txt{ padding:.25rem 0;}

	.i-list li h3 a{ font-size:.28rem;}

	

	.i-hy-box{ margin-bottom:.5rem;}

	.i-hy{ margin:.6rem 0 1rem; box-shadow:0 5px 15px rgba(0,0,0,.3);}

	.i-hy .item{ position:relative;}

	.i-hy .item .pic{ float:none; width:100%; height:5.4rem;}

	.i-hy .item .pic img{ width:100%; height:auto;}

	.i-hy .item .con{ float:none; position:absolute; left:0; right:0; bottom:0; background-color:#fff; color:#906d4f; width:100%; z-index:1; border-radius:0; margin:0; padding:.25rem .2rem;}

	.i-hy .item .con a:before{ display:block; content:''; width:.73rem; height:.05rem; background-color:#906d4f; position:absolute; left:0; top:-.3rem;}

	.i-hy .item .con a{ margin-top:.3rem; color:#906d4f; font-size:.3rem; position:relative;}

	.i-hy .item .con a:after{ background-image:url(../images/ico-jt2.png); width:.33rem; height:.23rem; margin-left:.35rem;}

	.i-hy .item .con h3{ font-size:.36rem; margin-bottom:.1rem; height:.36rem; line-height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

	.i-hy .slick-dots li{ width:.27rem; height:.27rem; margin:0 .18rem;}

	

	.hdpics .slick-dots { bottom:6%;}

	.hdpics .slick-dots li{ width:10px; height:10px; border-radius:10px;}

	

	.g-intro h3{ font-size:.3rem; margin-bottom:.15rem;}

	.g-intro h3:before{ width:.8rem; height:.78rem; margin-left:-.4rem; margin-bottom:.25rem;}

	.g-intro h3 i{ margin-right:.56rem;}

	.g-intro p.en{ font-size:.16rem; margin-bottom:.7rem;}

	.g-intro p.ch{ font-size:.18rem;}

	.g-intro p.ch:before{ width:.45rem; margin-left:-.23rem;}

	

	.i-cintro{ margin:1.06rem 0 .65rem;}

	

	.i-join img{ max-width:100%; max-height:100%;}

	.i-join .con{ top:8%; border-width:5px;}

	.i-join .con h3, .i-cintro h3{ font-size:.4rem;}

	.i-join .con{ width:5rem; height:5rem; margin-left:-2.5rem; padding-top:.85rem;}

	.i-join .con p, .i-cintro p{ font-size:.22rem; margin:.2rem 0 .3rem;}

	.i-join .con a{ font-size:.2rem; height:.35rem; line-height:.35rem; border-radius:.16rem;}

	

	.i-pics-pho{ margin-top:.6rem;}

	.i-pics-pho td{ vertical-align:top; padding:.3%;}

	.i-pics-pho td img{ width:100%; border-radius:6px;}

	

	.banner .txt h3{ font-size:.36rem;}

	.banner .txt p{ font-size:.18rem; margin-top:.15rem;}

	

	.s-page{ font-size:.2rem; line-height:.32rem;}

	

	.swiper-box .swiper-wrapper{ display:flex;}

	.sonclass .swiper-slide a{ font-size:.24rem; margin:0 .1rem; padding:0 .2rem; height:.5rem; line-height:.5rem; min-width:1.2rem;}

	

	.news-tit h3{ font-size:.4rem;}

	.news-tit span{ font-size:.14rem; margin:.15rem;}

	

	.detail{ font-size:.18rem; line-height:.4rem;}

	.relation li{ float:none; width:100%; font-size:.18rem; margin-bottom:.1rem;}

	

	.newslist li{ width:100%;}

	.newslist li .txt{ padding:.3rem .25rem .15rem;}

	.newslist li h3{ font-size:.36rem; line-height:.36rem; height:.36rem;}

	.newslist li p{ font-size:.24rem; line-height:.36rem; height:1.02rem; margin:.15rem 0;}

	.newslist li .time{ font-size:.24rem;}

	.newslist li:hover{ outline:none;}

	

	.speech .intro{ width:100%; margin-left:0;}

	.speech .intro span{ padding:0 .6rem 0 .3rem; font-size:.36rem; height:.8rem; line-height:.8rem;}

	.speech .intro .job, .speech .intro p{ font-size:.24rem; line-height:.45rem;}

	

	.sitemap dl{ width:50%; padding:0 .1rem;}

}